<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>京东</title>

    <link rel="stylesheet" href="css/北大青鸟课程导航.css">
    <style>
        .top .huanying li{display: inline-block;font-size: 20px;}
        .top{margin-left: 100px;}
        .top .img{vertical-align: middle} /*文字和图片居中*/
        .top .huanying li:nth-of-type(2){border: 1px solid red;margin-left: 24px} /*加边框显示清除*/
        .top.footer p{color: #666666;}
        .top p:nth-of-type(1){;width:988px ;text-align: center;margin-top: 15px;letter-spacing:2px;font-size: 10px}
        .top p:nth-of-type(2){width:988px ;text-align: center;margin-top: 15px;font-size: 10px}



          .zhuce{padding-left:120px}
          .pass{padding-left:114px}
          form dl dd:nth-of-type(5){border:1px solid rebeccapurple;
              text-align: center;
              margin-top: 30px;
              background-color: red;
              height: 28px;
              width: 290px;
              line-height: 28px}
          form dl dd:nth-of-type(4){margin-top: 14px;}
        img{vertical-align: middle}
        dd{margin: 20px 10px;text-align: center}
        form{border: 1px solid #cccccc;width: 310px}















    </style>
</head>
<body>
<div class="top">
   <ul class="huanying">
       <li class="img"> <img src="img/京东logo.png" width="170" height="60"></li>
       <li>欢迎登录</li>
   </ul>

    <div class="body">
        <img src="img/京东banner.png" width="990" height="475">
<div class="smallbox">
       <form method="post" action="#">
           <dl>

                <dd> 会员登录<span class="zhuce"><img src="img/京东icon5.jpg" width="16" height="16"> 立即注册</span> </dd>

                <dd><img src="img/京东图标icon1.jpg" width="38" height="38"><input type="text" name="text" id="text" placeholder="请输入用户名"></dd>
                <dd> <img src="img/京东icon2.jpg" width="38" height="38"><input type="password" name="text" id="pass"maxlength="12"  placeholder="请输入密码"> </dd>
                <dd><input type="checkbox"value="">自动登录 <span class="pass">忘记密码？</span></dd>

                <dd> 登录</dd>
           </dl>



       </form>

</div>
    </div>


    <div class="footer">

      <p> 关于我们| 联系我们| 人才招聘| 商家入驻| 广告服务| 手机京东| 友情链接| 销售联盟| 京东社区| 京东公益| English Site</p>
        <p>Copyright?2004-2017 京东JD.com 版权所有</p>


    </div>
</div>
</body>
</html>